<style type="text/css">

#head {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px 0;
}

#content {
    width: 95%;
    margin: 20px auto;
}

#content h2 {
    border-bottom: 1px solid #cccccc;
    color: #333333;
    font-size: 14px;
    margin: 10px 0pt 10px;
    padding: 5px;
}

#content .avatar_list li {
    float: left;
    width: 72px;
    padding: 5px 0;
}

#content .avatar_list li p {
    width: 72px;
    overflow: hidden;
    white-space: nowrap;
}

#content .avatar_list li p input {
    width: 12px;
    border: 0;
}

#content .post_list li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#content .post_list li {
    padding: 5px 15px 5px 5px;
    position: relative;
    border-bottom: 1px solid #ECF1F3;
}

#content .post_list span {
    color: #999;
}

#content .post_list .post_item {
    padding: 0;
    margin: 0 0 0 62px;
}

#content .post_list .post_flower {
    float: left;
    width: 48px;
    border: none;
    padding: 0;
    margin: 0;
}

#content .post_list .post_flower p {
    text-align: center;
    padding: 3px;
}


#sub-nav {border-bottom: 1px solid #CCC;overflow: hidden;zoom: 1;padding: 14px 10px 0;_margin:0;}
#sub-nav ul {list-style: none;overflow: auto;zoom: 1;padding-left: 2px;}
#sub-nav ul li {float: left;margin-left: -1px;}
#sub-nav ul li a {border: 0 solid #898989;border-width: 1px 1px 0;display: block;background: #F1F1F1 url(/img/sub_tab.gif) repeat-x;color: #333;min-width: 60px;text-align: center;padding: 3px 1.0em;}
* html #sub-nav ul li a {width: 60px;white-space: nowrap;}
*+html #sub-nav ul li a {padding: 4px 1.0em 2px;}
@media all and (min-width:0px) { head~body #sub-nav ul li a { width: 60px; } }
#sub-nav .selected {z-index: 99;position: relative;}
#sub-nav .selected a {border-style: solid;border-color: #3B5888 #5973A9;border-width: 1px 1px 0;color: #FFF;background: #6D84B4;}
#sub-nav .snav {padding: 0 0 5px;float: left;}
#sub-nav .pagerpro-title {padding: 0 0 5px;float: left;}

*+html #sub-nav .snav {padding: 0 0 4px;}

</style>

	  <div id="sub-nav">
      <ul>
        <li style="padding-right:10px;"{% if index %} class="selected"{% endif %}><a href="{{ app_app_url }}index">送礼给他/她</a></li>
        <li style="padding-right:10px;"{% if send %} class="selected"{% endif %}><a href="{{ app_app_url }}send">送出的礼物</a></li>
        <li style="padding-right:10px;"{% if receive %} class="selected"{% endif %}><a href="{{ app_app_url }}receive">接收的礼物</a></li>
        <li style="padding-right:10px;"{% if invite %} class="selected"{% endif %}><a href="{{ app_app_url }}invite">邀请好友加入</a></li>
        <li style="padding-right:10px;"{% if mine %} class="selected"{% endif %}><a href="{{ app_app_url }}mine">我的账户</a></li>
      </ul>
      </div>

	  {% block content %}content{% endblock %}

	  <center>页面执行时间: {{ runtime }} 毫秒</center>